<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>所有用户</title>
    <!-- 第一：下载 Layui 框架，并拷贝到项目中 -->
    <!-- 第二：导入 Layui 提供的 CSS 样式 -->
    <link href="layui/css/layui.css" rel="stylesheet">
    <link rel="stylesheet" href="css/AdminIndexCss.css">
    <script type="text/html" id="btnDemo">
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del" id="btndel">删除</a>
        <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit" id="btnupdate">修改</a>
        <a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="detail" id="btndetails">详情</a>
    </script>
</head>
<body>
<form action="" method="get">
    <div id="divUid">
        <input type="text" name="Uname" id="Uname" placeholder="请输入用户账号……" class="layui-input"
               style="width: 45%">
        <input type="button" value="搜索" id="btnSelect" class="layui-btn">
        <input type="button" name="btnAdd" id="btnAdd" value="添加用户" class="layui-btn">
    </div>
    <table class="layui-table" id="tbl" lay-filter="tbl" style="width: 98%;">
    </table>
</form>
<div id="OpenForm" style="display: none">
    <form class="layui-form" id="FormOpen" lay-filter="example" style="margin: 1rem">

        <div class="layui-form-item">
            <label class="layui-form-label">用户id</label>
            <div class="layui-input-block">
                <input type="text" id="User_id" name="Uid"
                       autocomplete="off" class="layui-input"/>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">用户账号</label>
            <div class="layui-input-block">
                <input type="text" id="User_name" name="Uname"
                       autocomplete="off" class="layui-input"/>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">用户密码</label>
            <div class="layui-input-block">
                <input type="text" id="User_password" name="Upassword"
                       autocomplete="off" class="layui-input"/>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">手机号码</label>
            <div class="layui-input-block">
                <input type="text" id="User_phone" name="Uphone"
                       autocomplete="off" class="layui-input"/>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">用户邮箱</label>
            <div class="layui-input-block">
                <input type="text" id="User_email" name="Uemail"
                       autocomplete="off" class="layui-input"/>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">用户类型</label>
            <div class="layui-input-block">

                <select  name="Utype" id="User_type" lay-filter="type">
                   <option value="">请选择用户类型</option>
                    <option value="管理员">管理员</option>
                    <option value="普通用户">普通用户</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">注册时间</label>
            <div class="layui-input-block">
                <input type="text" id="User_date" name="Udate"
                       autocomplete="off" class="layui-input"/>
            </div>
        </div>
    </form>
</div>


</div>
<!-- 第三：导入 Layui 提供的 js 脚本文件 -->
<script src="layui/layui.js"></script>
<script src="js/jquery-3.7.1.js"></script>
<script src="js/AdminUser.js"></script>
<script>
    layui.use(function () {
        var laypage = layui.laypage;
        // 普通用法
        laypage.render({
            elem: 'demo-laypage-normal-1',
            count: 50 // 数据总数
        });
    });
</script>
</body>
</html>